<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单综合案例</title>
</head>
<body>

    <form action="">
        <h1>用户注册</h1>
    <fieldset>
        <legend>基本信息</legend>
        <label for="username">用户名：</label>
        <input type="text" id="username" name="username" required placeholder="请输入用户名">
        <label for="password">密码：</label>
        <input type="password" id="password" name="password" required minlength="5">
    </fieldset><br>
    <fieldset>
        <legend>其他信息</legend>
        <p>性别：</p>
        <input type="radio" id="gender_male" name="gender" value="male" checked>
        <label for="gender_male">男</label>
        <input type="radio" id="gender_female" name="gender" value="female">
        <label for="gender_female">女</label>
        <input type="radio" id="gender_other" name="gender" value="other">
        <label for="gender_other">其他</label>
        <br>
        <p>兴趣爱好（可多选）：</p>
        <input type="checkbox" id="interest_coding" name="interests" value="coding">
        <label for="interest_coding">编程</label>
        <input type="checkbox" id="interest_music" name="interests" value="music">
        <label for="interest_music">音乐</label>
        <input type="checkbox" id="interest_reading" name="interests" value="reading">
        <label for="interest_reading">阅读</label>
        <br>
        <label for="country">国家/地区：</label>
        <select name="country" id="country">
            <option value="">---请选择---</option>
            <option value="cn">中国</option>
            <option value="us">美国</option>
            <option value="jp" selected>日本</option>
            <option value="other">其他</option>
        </select>
        <br><br>
        <label for="message">留言: </label>
        <textarea name="message" id="message" cols="50" rows="4" placeholder="请在此输入您的留言..."></textarea>
        <input type="hidden" name="form_version" value="1.0">
    </fieldset><br>
    <fieldset>
        <legend>提交</legend>
        <button type="submit">提交注册信息</button>
        <button type="reset">重置信息</button>
    </fieldset>
    </form>
</body>
</html>